<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上传文件</title>
    <!-- Bootstrap 5 CSS CDN -->
    <link rel="stylesheet" href="{{ url_for('static', filename='bootstrap/css/bootstrap.min.css') }}">

    <style>
        /* 自定义样式（可选） */
        header, footer {

            padding: 20px 0;
            text-align: center;
        }

        .content {
            min-height: 300px; /* 确保内容区域有足够高度 */
            padding: 20px;
        }
    </style>
</head>
<body>
<!-- 布局容器 -->
<div class="container-fluid vh-100 d-flex flex-column">

    <!-- 1. Header 头部 -->
    <header class="bg-primary text-white p-3">
        <h1>会飞的猫二课堂学生文件存储服务</h1>
        <p>欢迎你我的学生{{ name }}</p>
        <h2><a href="{{ url_for('logout') }}" style="color: white;">退出</a></h2>
    </header>

    <!-- 2. Content 内容区域 -->
    <form style="width: 300px;margin: 250px auto" action="/add/" method="post" enctype="multipart/form-data">
        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
        <H1 style="text-align: center;color:blue">上传</H1><br>
        <hr style="color: blue;">
        <br>

        <div class="mb-3">
             <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
            <label for="fileInput" class="form-label">选择文件</label>
            <input class="form-control" type="file" id="fileInput" name="file">
        </div>
        <button type="submit" class="btn btn-primary" style="width: 300px;">上传</button>
    </form>

    <!-- 3. Footer 页脚 -->
    <footer class="bg-dark text-white p-3">
        <p>© 2025 为了我的学生在二课堂可以存储代码而写。享受吧孩子们 ，但也别忘了学习！技术会让你们一生傲视群雄</p>
    </footer>

</div>

<script src="{{ url_for('static', filename='bootstrap/js/bootstrap.bundle.min.js') }}"></script>
</body>
